const path = require('path');//引入path模块
function resolve(dir) {
    return path.join(__dirname, dir)//path.join(__dirname)设置绝对路径
}
module.exports = {
    // 配置别名
    /* configureWebpack: {
        resolve: {
            alias: {
                ['~css']: "@/assets/css",
                ['~image']: "@/assets/images",
                comp: "@/components",
                page: "@/pages"
            }
        }
    }, */
    // entry:{
    //     'main-dev':'./src/main.js'
    // },
    // 配置别名
    chainWebpack: config => {
        config.resolve.alias
            .set("~css", resolve('src/assets/css'))
            .set("~image", "@/assets/images")
            .set("comp", "@/components")
            .set("page", "@/pages")
        // 开发环境
        config.when(process.env.NODE_ENV === 'development', config => {
            // entry找到默认的打包入口，调用clear则是删除默认的打包入口
            // add添加新的打包入口
            config.entryPoints.clear()
            config
                .entry('main-dev')
                .add("./src/main-dev.js")

            // config
            //     .entry('app')
            //     .clear()
            //     .add('')
        })
        // 生产环境
        config.when(process.env.NODE_ENV === 'production', config => {
            config.entryPoints.clear()
            config
                .entry('main-prod')
                .add("./src/main-prod.js")
        })
    },
    pluginOptions: { // 第三方插件配置
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [path.resolve(__dirname, './src/assets/css/variable.less')] // less所在文件路径
        }
    }


}